<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body></body>
</html>
<script !src="">
  // 作用于--根据不同的作用分为 全局作用于和局部作用于
  // 1，全局变量：在全局作用于下都可以使用全局变量

  var num = 10;
  console.log(num);
  function fn() {
    console.log(num);
  }
  fn();

//   局部变量：在局部变量下或者函数体内可以使用的变量，函数执行完就可以销毁
function fn2() { 
    var num2 =20;
 }
fn2()
console.log(num2);

// 从使用效率来看：局部变量和全局变量
// 1，全局变量只有浏览器关闭后才能销毁
// 2，局部变量是函数执行完后销毁
</script>
